<template>
  <div>
    <div class="flex flex-a-c headerBox" @click="gotoThat">
      <div class="title">加工信息</div>
      <!--      <a-icon type="right" />-->
    </div>
    <div class=" setBox">
      <div class="tableBox">
        <a-table
          :pagination="false"
          :dataSource="AllProduce"
          :columns="columns"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    AllProduce: {
      type: Array
    }
  },
  data() {
    return {
      columns: [
        {
          title: "加工机床",
          dataIndex: "macNumb",
          key: "macNumb"
        },
        {
          title: "程序名",
          dataIndex: "produceName",
          key: "produceName"
        },
        {
          title: "加工开始时间",
          dataIndex: "startTime",
          key: "startTime"
        },
        {
          title: "加工时间",
          dataIndex: "produceTime",
          key: "produceTime"
        },
        {
          title: "当前计件数",
          dataIndex: "partCount",
          key: "partCount"
        }
      ]
    };
  },
  methods: {
    gotoThat() {}
  }
};
</script>

<style lang="less" scoped>
.headerBox {
  margin: 20px 0 10px 0;
  .title {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin: 0 4px 0 0;
  }
}
.setBox {
  margin-top: 2px;
  height: 422px;
  padding: 20px;
  overflow-y: scroll;
  width: 100%;
  background-color: #fff;
  border-radius: 6px;
}
.tableBox {
  border: 1px solid #e6e9ee;
  border-bottom: none;
}
/deep/.ant-table-thead {
  tr {
    th {
      padding: 6px 14px !important;
      color: #717d92 !important;
      background: #f4f8fb !important;
    }
  }
}
/deep/ .ant-table-tbody {
  tr {
    td {
      padding: 14px 14px !important;
      border-bottom: 1px solid #e6e9ee !important;
    }
  }
}
</style>
